<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <script src="../js/axios.js"></script>
    <script>
        axios.defaults.baseURL = 'http://localhost:3000';
        // 添加请求拦截器
        axios.interceptors.request.use(
            function(config) {
                // 在发送请求之前做些什么
                console.log(config);
                config.headers.mytoken = 'hello';

                return config;
            },
            function(error) {
                // 对请求错误做些什么
                return Promise.reject(error);
            }
        );
        // 添加响应拦截器
        axios.interceptors.response.use(
            function(response) {
                // 对响应数据做点什么
                console.log(response); //这里打印的数据是后台返回的数据
                res = response.data; //将需要的data数据赋值给res 则数据返回的是前端需要的data数据
                return res;
            },
            function(error) {
                // 对响应错误做点什么
                return Promise.reject(error);
            }
        );
        axios.get('/axios-json').then((data) => {
            console.log(data);
        });
    </script>
</body>

</html>